<!DOCTYPE html 
         PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<f:view contentType="text/html" />
<h:head id="head">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Cloud Computing</title>
</h:head>
<h:body id="body">
	<h:form id="form1">
		<h1>Poker Stat: Chart</h1>

		<h:form id="chart">
			<script type="text/javascript" src="https://www.google.com/jsapi"></script>
			<script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        <h:outputText value="#{chartHelper.graph}"/>
        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, {width: 400, height: 240, title: 'Company Performance',
                          hAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
                         });
      }
    </script>
		</h:form>


		<div id="chart_div"></div>


		<h:commandLink id="Home" value="Home" action="/home.xhtml" />
	</h:form>
</h:body>
</html>
